<!DOCTYPE html ><head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" href="imagenes/favicon.ico">
    <title>TSM - WEEK</title>
</head>
<script src="ajax/ajax.js" type="text/javascript"></script>

<script type="text/javascript">

    function enviarDatos() {
        var name = document.getElementByName('nombre').value;
        var last = document.getElementByName('apellido').value;
        var user = document.getElementByName('user').value;
        var pass1 = document.getElementByName('pass1').value;
        var pass2 = document.getElementByName('pass2').value;
        var email = document.getElementByName('email').value;
        var lider = document.getElementByName('lider').value;
        datos = "user=" + user + "&name=" + name + "&last=" + last + "&pass=" + pass1 + "&email=" + email + "&lider=" + lider;
        datos = "user=" + user;

        metodoAjax(datos, "registroDAO.php");
    }
</script>
<style>
    nav {
        left : 0;
        width : 100%;
        background : url(imagenes/imagen_nav.png);
    }
    nav ul {
        margin : 0 auto;
        width : 940px;
        list-style : none;
    }
    nav ul li {
        float : left;
    }
    nav ul li a {
        display : block;
        margin-right : 20px;
        width : 140px;
        font-size : 14px;
        line-height : 44px;
        text-align : center;
        text-decoration : none;
        color : #ccc;
    }
    nav ul li a:hover {
        color : #fff;
    }
    nav ul li.selected a {
        color : #fff;
    }
    input {
        border-radius: 5px;
    }
    textarea{
        border-radius: 5px;
        font-size : 8pt;
        font-family : verdana,arial;
    }
    p  { 
        margin: 0 0 17px; 
        line-height: 1.6em; 
    }

</style>

<body>
    <div style="float:left; width:100%; background-color: rgb(242, 173, 0);">
        <div style="float:left; width:15%">
            <div id="imagenes/logo_udc.png" sty><img src="logo_udc.png" width="142" height="107"></div>
        </div>

        <div style="float:left; width:85%; font-size:30pt; font-weight:bold; padding-top:35px;">TSM Team Support Manager</div>
    </div>

    <div style="float:left; background : url(imagenes/imagen_nav.png); width:100%;">
        <nav>
            <ul class="sf-menu" id="nav">
                <li class="selected"><a href="index.php">Inicio</a></li>
                <li><a href="about.html">&iquest;Quienes somos?</a></li>

                <li><a href="#">TSM</a>

                </li>
                <li><a href="registro.php">Registrarse</a></li>
            </ul>
        </nav>
    </div>


    <div id="bodycuerpo" style="width:100%; float:left; height:600px; background-color: rgb(228, 101, 0);">

        <div style="float:left; width:60%; height: 85%; margin-left:20%;margin-top: 20px; margin-bottom: 2%; text-align:center; background-color: #151515; font-weight:bold; color:white;">
            <div>
                <div style="background : url(imagenes/imagen_nav.png);">
                    Registro de tiempo:
                </div>
                <div STYLE="text-align:LEFT; padding:20px;">
                    <form id="login" action="POST" style=" text-align: center;">
                        Proyecto:<br />
                        <select name="lider" required >
                            <option>---</option>
                        </select>
                        <br /><br />
                        <table border="0" cellpadding="3" cellspacing="3" style="margin-left: 20%; text-align: left;" width="60%"> 
                            <tr> 
                                <td width="40%">Fecha de inicio:</td>
                                <td width="60%">
                                    <input style="width:90%;" type="text" id="inicio" name="inicio" autofocus required />
                                </td>
                            </tr>
                            <tr> <td width="40%">Fecha de termino:</td>
                                <td width="60%">
                                    <input style="width:90%;" type="text" name="termino" required />
                                </td>
                            </tr>
                            <tr><td width="40%">Tiempo de interrupcion:</td>
                                <td width="60%">
                                    <input style="width:90%;" type="text" id='interrupcion' required />
                                </td>
                            </tr> 
                        </table>
                        Fase:<br />
                        <select name="lider" required >
                            <option>Planeacion</option>
                            <option>Desarrollo</option>
                            <option>Postmortem</option>
                        </select>
                        <br /><br />
                        Comentarios:<br />
                        <textarea name="des" rows="8" cols="60"></textarea>
                        <p style="width:100%; text-align:center;">
                            <input type="button" value="Submit" onClick="enviarDatos();" />
                        </p>
                    </form>

                </div>
            </div>

        </div>
    </div>

    <div id="footer" style="float:left;background : url(imagenes/imagen_nav.png); width:100%; font-size : 14px;
         line-height : 44px;
         text-align : center;
         text-decoration : none;
         color : #ccc;">Jonathan Lozano-Ling Lung-Harold Solorzano</div>

</body>
</html>